<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="../common.jsp"></jsp:include>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<% 
	String path = request.getContextPath(); 
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
  <head>
    <title>info_list.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
	<link rel="stylesheet" href="../css/info_list.css">
	
  </head>
  
  <body>

	<jsp:include page="../top.jsp"></jsp:include>
	
	<div class="container-fluid divBlok">
		<div class="info_list_search_div">
			<span class="info_list_search_h">Search</span>
			<form role="form" action="" id="info_list_search_form">
				<div class="form-group">
					<input type="text" name="" class="form-control info_list_search_input" placeholder="input">
					<button type="submit" class="btn btn-info info_list_search_btn" id="info_list_search_btn">查询</button>
				</div>
			</form>
		
		</div>
		
		<div class="row cotainer table-responsive infoTable">
			<table class="table table-striped table-bordered">
				<caption class="text-center">
					<h3>BLOG</h3>
				</caption>
				<thead>
					<tr>
						<td class="  "><input type="checkbox" id="checkAll"></td>
						<td class="  ">标题</td>
						<td class="  ">时间</td>
						<td class=" ">操作</td>
					</tr>
				</thead>
				<tbody>

						<tr>
							<td class="">
								<input type=checkbox name="abc" value="">
							</td>
							<td class="">1
							</td>
							<td class="">
								<a href="#">查看</a>|
								<a href="#">编辑</a>|
								<a href="#">删除</a>
							</td>
						</tr>

 
				</tbody>

			</table>
			<div class="span12">
				<div id="page1"></div>
			</div>
		</div>
	</div>
	
	<script type="text/javascript">
		$(function(){
			
			var path='<%=basePath%>';
			
			initPage(path,1,5);
			
			/**
			 * 初始化分页插件
			 * @param curPage
			 * @param totalPages 
			 */
			function initPage(path,curPage,totalPages){ 
				var options = {
						currentPage : curPage,
						totalPages : totalPages,
						numberOfPages : 5,  
						size:"normal",
						alignment:"right",  
						/*pageUrl : function(type, page, current) { 
							return path + "/blog_blogList.action?rows=10&page=" + page;
						}*/
						onPageClicked: function(e,originalEvent,type,page){
							refreshBlogListUL(path,page);
			            }
					}
					$('#page1').bootstrapPaginator(options);
			}
		})
	</script>
  </body>
</html>
